<template>
	<view class="">
		<swiper class="swiper swip-img" :circular="true" :indicator-dots='true' :autoplay="true" :interval="3000" :duration="500">
			<swiper-item>
				<image src="../../static/images/hehadj.jpg" mode=""></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/images/bannergy.jpg" mode="" ></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/images/hohlejd.jpg" mode=""></image>
			</swiper-item>
		</swiper>
		
		<view class="line-content">
			<view class="Price-cendiv">
				<view class="tetili-Cect">
					<view class="date-tetili">黔灵山公园黔灵山公园</view>
					<view class="Collection-sc">
						<view id="qqsc">收藏</view>
						<text class="iconfont icon-shoucang" id="Iconleft"></text>
					</view>
				</view>
				<view class="contenfont">
					<view class="container" v-for="(item,index11) in textfont" :key="index11" :class="fold ? 'fold' : 'unfold'"  v-if="item.font !==''" >
						<label>    
							<span>{{item.font}}</span>
						</label>
					</view>	
					<view class="show" @click="btn" v-show="fold">展开></view>
					<view class="show" @click="btn" v-show="!fold">收起</view>
				</view>
				
				<view class="Map-address">
					<view class="address-div">
						<text class="address-diz">地址</text>
						<text class="address-span">贵州省贵阳市云岩区枣山路黔灵山公园</text>
					</view>
					<view class="address-loke">查看地图></view>
				</view>
				
				<view class="open-div">
					<text class="address-diz">开放时间</text>
					<text class="open-span">开放中</text>
					<!--<soan class="open-span">已关园</soan>-->
					<span>08:30-18:00</span>
				</view>
			</view>
			
			<view class="Choose-date" @click="calenrq">
				<view class="Choose-dateView">出行日期</view>
				<view class="Choicedate">
					<view>{{date_cont}}</view>
					<text class="iconfont icon-icon"></text>
				</view>
			</view>
			
			<view class="Scenic-ticket">
				<view class="Scenic-spot">
					<image src="../../static/images/yhqo.png"/></image>
					<view>景点门票</view>
				</view>
				<view>
					<view class="Reserve-list">
						<view class="Series-text">
							<view class="Series-titeli">门票+游船+水洞+旱洞+往返观光车+溜索</view>
							<view>
								<text class="ticket-Price">￥</text>
								<text class="ticket-nmuber">75</text>
							</view>
						</view>
						<view class="Reserve-Price">
							<view class="any-div">
								<text class="any-time">随订随用</text>
								<text class="any-sold">已售26</text>
							</view>
							<input type="button" value="预定" class="Reserve-yd" disabled="disabled" @click="reserve"/>
							<!-- <button class="Reserve-yd">预定</button> -->
						</view>
					</view>
					<view class="Reserve-list">
						<view class="Series-text">
							<view class="Series-titeli">门票+游船+水洞+旱洞+往返观光车+溜索</view>
							<view>
								<text class="ticket-Price">￥</text>
								<text class="ticket-nmuber">75</text>
							</view>
						</view>
						<view class="Reserve-Price">
							<view class="any-div">
								<text class="any-time">随订随用</text>
								<text class="any-sold">已售26</text>
							</view>
							<input type="button" value="预定" class="Reserve-yd" disabled="disabled" @click="reserve"/>
							<!-- <button class="Reserve-yd">预定</button> -->
						</view>
					</view>
				</view>
				
			</view>
			
			<view class="Scenic-ticket">
				<view class="Scenic-spot">
					<image src="../../static/images/qiqiu.png"/></image>
					<view>当地玩乐</view>
				</view>
				<view>
					<view class="Reserve-list">
						<view class="Series-text">
							<view class="Series-titeli">天河潭门票+游船+水洞+旱洞+往返观光车+溜索</view>
							<view>
								<text class="ticket-Price">￥</text>
								<text class="ticket-nmuber">75</text>
							</view>
						</view>
						<view class="Reserve-Price">
							<view class="any-div">
								<text class="any-time">随订随用</text>
								<text class="any-sold">已售26</text>
							</view>
							<view class="Reserve-yd" @click="reserve">预定</view>
						</view>
					</view>
					<view class="Reserve-list">
						<view class="Series-text">
							<view class="Series-titeli">青岩古镇门票+游船+水洞+旱洞+往返观光车</view>
							<view>
								<text class="ticket-Price">￥</text>
								<text class="ticket-nmuber">175</text>
							</view>
						</view>
						<view class="Reserve-Price">
							<view class="any-div">
								<text class="any-time">随订随用</text>
								<text class="any-sold">已售26</text>
							</view>
							<view class="Reserve-yd" @click="reserve">预定</view>
						</view>
					</view>
				</view>
			</view>
			
			<!-- 评价 -->
			<view class="evaluate">
				<view class="household-dpzh">
					<view class="household">评价</view>
					<view class="Comment" id="mentdp" @click="evalclick">2479条评价 ></view>
				</view>
				<view>
					<view class="hold-xitta">
						<view class="name-header">
							<image src="../../static/images/header-t.jpg" class="header-img"/></image>
							<view class="name-detaid">
								<view>这是我的小名</view>
								<text>2019-6-20</text>
							</view>
						</view>
						<view class="household-xits">
							<image src="../../static/images/xits2.png"/></image>
							<image src="../../static/images/xits2.png"/></image>
							<image src="../../static/images/xits2.png"/></image>
							<image src="../../static/images/xits2.png"/></image>
							<image src="../../static/images/xits1.png"/></image>
						</view>
					</view>
					<text class="evaluate-nr">观云旅业海峡阳光大酒店（林城西路店）观云旅业海峡阳光大酒店（林城西路店）观云旅业海峡阳光大酒店（林城西路店）观云旅业海峡阳光大酒店（林城西路店）</text>
					<view class="hohl-aimg">
						<image src="../../static/images/hohlejd.jpg"/></image>
						<image src="../../static/images/hohlejd.jpg"/></image>
						<image src="../../static/images/hohlejd.jpg"/></image>
					</view>
				</view>
			</view>
			
			<!--图文详情-->
			<view class="Image-text">
				<view>图文详情</view>
				<image src="../../static/images/hehadj.jpg"/></image>
				<image src="../../static/images/jiaxl.jpg"/></image>
			</view>
			
			<!-- 列表 -->
			<view class="gy-titele">
				为您推荐
			</view>
			<view>
				<view class="many-lists" @click="tickclick">
					<view >
						<view  class="Title-list">
							<view class="ticket-itebt">
								<image src="../../static/images/jiaxl.jpg" class="banner-img"/></image>
								<view class="label-img">
									<image src="../../static/images/label.png"/></image>
									<view>4A</view>
								</view>
							</view>
							
							<view class="Title-text">
								<view class="Park-div">
									<view class="Title-qlsgy">黔灵山公园</view>
									<view class="Symbol-start">
										<span class="Symbol">￥</span>
										<span class="number-qan">50</span>
										<span class="Symbol-qi">起</span>
									</view>
								</view>
								<text class="evaluate-pj">1342条评价</text>
								<view class="Popularity-div">
									<view class="Popularity">人气TOP1</view>
									<view class="Popularity-tow">黔南第一山</view>
								</view>
								<view class="periphery">位于前领尚公园周边/据您7.8km</view>
							</view>
						</view>
					</view>
				</view>
				<view class="many-lists" @click="tickclick">
					<view >
						<view  class="Title-list">
							<view class="ticket-itebt">
								<image src="../../static/images/jiaxl.jpg" class="banner-img"/></image>
								<view class="label-img">
									<image src="../../static/images/label.png"/></image>
									<view>4A</view>
								</view>
							</view>
							
							<view class="Title-text">
								<view class="Park-div">
									<view class="Title-qlsgy">黔灵山公园</view>
									<view class="Symbol-start">
										<span class="Symbol">￥</span>
										<span class="number-qan">50</span>
										<span class="Symbol-qi">起</span>
									</view>
								</view>
								<text class="evaluate-pj">1342条评价</text>
								<view class="Popularity-div">
									<view class="Popularity">人气TOP1</view>
									<view class="Popularity-tow">黔南第一山</view>
								</view>
								<view class="periphery">位于前领尚公园周边/据您7.8km</view>
							</view>
						</view>
					</view>
				</view>
				
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				fold:true,
				date_cont:'请选择',
				textfont:[{
				font:"合抱之木，生于毫末；九层之台，起于垒土。实现中华民族伟大复兴是一个长期而艰巨的过程，需要凝聚磅礴之力，才能实现质的飞跃实现中华民族伟大复兴的中国梦汇聚了强。大的中国力量2013年3月17日2013年3月"
					}]
				}
			},
			onShow(options){
				let celenData = uni.getStorageSync("current_date");
				this.date_cont = celenData.date.month+'月'+celenData.date.day+'日'
				// console.log(celenData)
			},
			methods: {
				btn:function(){      // 收起 展开
				this.fold=!this.fold;
				},
				reserve(){
					uni.navigateTo({
						url:'ticket-reserve'
					})
				},
				evalclick(){
					uni.navigateTo({
						url:'ticket-evaluate'
					})
				},
				tickclick(){
					uni.navigateTo({
						url:'ticket-details'
					})
				},
				calenrq(){
					uni.navigateTo({
						url:'ticket-calendar'
					})
				}
			}
	}
		
	
</script>

<style>
	@import "../../components/ticket/ticket-details";
	@import "../../common/iconfont.css";
	@font-face {
	       font-family: 'iconfont';
		    src: url('~@/static/iconfont.ttf');
	}
</style>
